
<!DOCTYPE html>
<html lang="en">
<head>
<title>塔吊安全</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/matrix-style2.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
<style>
	.widget-content .fl{
		width: 49%;
		display: inline-block;
	}
	.widget-content .fl.first{
		border-left:1px solid #CCCCCC;
	}
	.item{
		display: block;
		width: 33.33%;
		float: left;
		text-indent: 1em;
		padding: 10px 0;
		/*background: #000000;*/
	}
	.widget-content{
		padding: 0;
	}
	.widget-title h5.s-title{
		margin-left: 38%;
	}
	.icon img{
		width: 20px;
	}
</style>
</head>
<body>

<div id="content">
  <div id="content-header">
      <h1>塔吊安全</h1>
      <a href="craneSafetyBackups.html" style="float: right;padding: 10px;padding-right: 20px;cursor: pointer;">安全设置</a>
      
  </div>
  
  
  <div class="container-fluid">
  	<div class="row-fluid">
      <div class="span12">
        <div class="widget-box">
          <div class="widget-title"> 
          	<span class="icon"> <img src="img/tadiao.png"/> </span>
            <h5>一号塔吊</h5>
            <h5 class="s-title">实时信息</h5>
          </div>
          <div class="widget-content clearfix">           	
          		<div class="fl clearfix">
          			<div class="item">品牌:三菱</div>
          			<div class="item">出厂年份：2015年</div>
          			<div class="item">使用年份：25年</div>
          			<div class="item">累计使用时间：1562分钟</div>
          			<div class="item">上次维护时间：2017-8-17</div>
          			<div class="item">额定最大负荷：64T</div>
          			<div class="item">额定最大力矩:53N/m</div>
          			<div class="item">能耗统计：164KB/h</div>
          		</div>
          		<div class="fl first clearfix">
          			<div class="item">实时工作电流:30W</div>
          			<div class="item">当前班次:第一班</div>
          			<div class="item">当前司机:李安康</div>
          			<div class="item">实时载荷：34T</div>
          			<div class="item">当前风向:东南风</div>
          			<div class="item">当前风速:3m/s</div>
          			<div class="item">力矩:33N/m</div>
          			<div class="item">本次运行时长:180分钟</div>
          			<div class="item">高度:91m</div>
          			<div class="item">倾角：1°</div>
          			<div class="item">水平转角：86°</div>
          			<div class="item">当前转速：2rad/s</div>
          		</div>
          </div>
        </div>
      </div>
    </div>
  
	  	<div class="row-fluid">
	      <div class="span12">
	        <div class="widget-box">
	          <div class="widget-title"> 
	          	<span class="icon"> <img src="img/tadiao.png"/> </span>
	            <h5>二号塔吊</h5>
	            <h5 class="s-title">实时信息</h5>
	          </div>
	          <div class="widget-content clearfix">           	
	          		<div class="fl clearfix">
          			<div class="item">品牌:三菱</div>
          			<div class="item">出厂年份：2014年</div>
          			<div class="item">使用年份：25年</div>
          			<div class="item">累计使用时间：1221分钟</div>
          			<div class="item">上次维护时间：2017-8-17</div>
          			<div class="item">额定最大负荷：65T</div>
          			<div class="item">额定最大力矩:54N/m</div>
          			<div class="item">能耗统计：134KB/h</div>
          		</div>
          		<div class="fl first clearfix">
          			<div class="item">实时工作电流:30W</div>
          			<div class="item">当前班次:第一班</div>
          			<div class="item">当前司机:王建力</div>
          			<div class="item">实时载荷：32T</div>
          			<div class="item">当前风向:东南风</div>
          			<div class="item">当前风速:3m/s</div>
          			<div class="item">力矩:35N/m</div>
          			<div class="item">本次运行时长:150分钟</div>
          			<div class="item">高度:81m</div>
          			<div class="item">倾角：0°</div>
          			<div class="item">水平转角：76°</div>
          			<div class="item">当前转速：1.5rad/s</div>
          		</div>
	          </div>
	        </div>
	      </div>

  	
   

</div>

<script src="js/jquery.min.js"></script> 
<script src="js/jquery.ui.custom.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/matrix.js"></script>
</body>
</html>
